<template>
  <div class="frame-book flex items-center justify-center flex-column">
    <img :src="info.book_cover_small" alt="">
    <span class="txtover1 text-base">{{info.bookName}} </span>
    <span class="desrc txtover1 text-xs text-gray-400">{{info.bookRemark}} </span>
  </div>
</template>

<script lang="ts" setup>
defineProps({
  info: {
    type:Object,
    default:()=>{return {}}
  }
})
</script>

<style lang="scss" scoped>
.frame-book{
  img{
    width: 100px;
    height: 146px;
    border-radius: 5px;
  }
  .desrc{

  }
}
</style>
